<template>
	<view class="home">
		<!-- <Header @back="back" left-icon="" left-text="" right-text="" title="首页"></Header> -->
		<view class="content">
			<view style="width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;">
				<button @click="onMenuClick" data-title="首页">首页</button>
				<button @click="onMenuClick" data-title="景区列表">景区列表</button>
				<button @click="onMenuClick" data-title="景区详情">景区详情</button>
				<button @click="onMenuClick" data-title="酒店列表">酒店列表</button>
				<button @click="onMenuClick" data-title="酒店详情">酒店详情</button>
				<button @click="onMenuClick" data-title="订单列表">订单列表</button>
			</view>
			<view class="fz15 h-c tab-wrapper">
				<view class="inline-block tab" :class="tabVal == 0 ? 'active' : ''" @click="changetab(0)">景点</view>
				<view class="inline-block tab" :class="tabVal == 1 ? 'active' : ''" @click="changetab(1)">酒店</view>
				<view class="inline-block tab" :class="tabVal == 2 ? 'active' : ''" @click="changetab(2)">订单</view>
			</view>
			<view class="order-list">
				<view class="ordder-li" v-for="(item, index) in searchList" :key="index" @click="goDetail(item)">
					<view class="left">
						<image class="img" :src="item.hostImg" mode=""></image>
					</view>
					<view class="fz17 right">
						<view class="name over2 font-weight">{{item.name}}</view>
						<!-- <view class="m-color font-weight singalprice">￥{{item.totalPrice}}</view>
						<view class="usestatus">
							<view class="">订单状态:</view>
							<view class="isuse" v-if="item.status == '未使用'">未使用</view>
							<view class="isuse1" v-if="item.status == '已使用'">已使用</view>
							<view class="isuse2" v-if="item.status == '过期'">已过期</view>
						</view> -->
					</view>
				</view>
			</view>
			<view class="fz14 tc h-8 signtips">{{tips}}</view>
		</view>
	</view>
</template>

<script>
	import Header from '@/components/header.vue'
	export default {
		data() {
			return {
				orderList: [],
				page: 1,
				tips: '正在加载...',
				isOnReachBottom: false,
				tabVal: 0,
				searchList: []
			}
		},
		components: {
			Header
		},
		onShow() {
			
			this.tabVal = 0
			this.searchSpotByC()

			//#ifdef H5
			this.pub.setAppid("wx1456c55ff4d695ba")
			this.pub.setSecret("5757602b2b9c54495193b3d7832fa5e3")
			this.pub.setOpenid("omAgo551FCbWvuN2i-cjCi_T03jk")

			let token_data = {
				data: "IXQ8i0V5eSj9JJ83nYOaLF/hJr1OQ3OZelaCI0G2GrgAoPvu3kmzmkBaA0b494Ao7+sf06ZDczkBUQszV/3baYOVyyFUIowrTxDLtYy3AVuOzs2LBVggT35oG0OqIKN0HpWUpggbaLYv1PNmAmBLu9p/4GqYYWWtjdgXDg8us3EZi13WeMAihtSNvfx64sgf6kUKLd8rqPAtTexlZcIIjAO7mM2e36zBTGwCowshauOeUCRz1EywJyigFy4YcPlQvdIpYePr6uaC4MZApuVjnPSANRGZlDVTetdvT1fJIHk+N2gBGXF+PHcfc1lLZ1LOmz3rJha0UrNdSg8eUPIr7c9M/WT8oCfmp/bZlR4JxQCSXoj1vfgQRjFuh75Bn6cZVwUMAXTflrn6FnGdfWdLTeN5RgdGomLAiJ99bVi9z64bhJhPLaRIZV3SoIPHqys+DO8YK1qrQFkgLLYk57rwHhzyXFgR2xqvZPwAFNq2NHCX7ojeaQNJ42wmHmz+fM7Xa+NlQ7LEFSP516gRCsz+6YcyoP8uxC/M+MB5mKz9lhdDCpP2szNjrh2fU4pueq+otx6cY3iK6QF2EHHpkrYXyz/NtMhX7cojye5g1WtwinG9WQk714/AAuv9LPJ7TrDV/OEZ4/ADZRsAHj6mZo0kOAZNHDir95HEWt2+GowadJp9l5wDAHxbsk6mcS/B1JWbknxBPlFVwqpgalViyu0crD0sN4rsleYGDEZykbQkroSqngJyFExR6q0XFnJSe2NEmmb7mJ5hxn/z1a9vZSFJdia4LzX8250xlpTpblu+2bk4bN0Rus2vb8CWyq3pz8BbAnQwO6AYGSupOlbXcbmWZj+Qwj+3MmuRSipY7Pf1a+yd5SpJt1Jnn+1dCSyb9quFpNMZ8r87bT7pQOECSzhjYRCgABasYiTpppNMtsmARVz1Gih6TfdcAw0dCRBqaJFxWfaqYlDSq489OCjl2xNzTKzMR2OOHpjfdmEOA5opN1ReZ6UZzUPkAn1y82Evtc+bJK63a2WXIA1Th4ZlQRZ79forl8sa5bmqjNIjT5IndemwJKVeQbmnQ4UHguS1289TSg0RceHZdEUW7aFT0iyI65fuAYxqeOAEB67g7N1G6tsR2sq4DDrkVIkXtJcJJvnXJjjmug++5iGjqc5I4jeX/RzYjaA8kH/BtYd28MKP6NdSRd03t5YaNWjOjpeNiyGojS6Gi2xVmX1C/sMsqp9Jvxys0/Gkl+BmYHeZ8Ep53rCudT5a7OcboyKR/WuGGy0gL4eL8H1RmTEYt5BQ6KBV2FthyoMrQttjbhULc7ATyLJ8nqkt95F1gg1xX4Y/TsIHo6R9natE9PEitGzvHY4W3Q==",
				encryptkey: "UQV6CQbMNoaDPHqC2FT3SApPIb7Dlbqm05CKeoVTolQwTP5bTM7SmkrW8SSp6w8Cg61/fTMp9whkjdTnNj1HxEQO2k6WurG/5oASz2W+bMDpMI9exXb8Z1bIID0S4xO/RcgP4gxPrU0CWvZmbXGAqYJH9Ogv+Dt7AgTeLHeq1Qn2BBx0fSqAyafBB8oKBcmwlBZGoXyG/bnHqJ15E+rQxRbyDNWLiRACEkCgKbEJO2L1ED0QBokMRmZkICVvOhFHykkOVajxsQ3Db+I2YROOcinnrCNTFlD6vK7jlGjFKSKi5ZdkgzsPk3Whi6Fm9sHJAz+PxdQqFQ/mkgO6H/9CdQ=="
			}
			this.pub.setToken(JSON.stringify(token_data))
			//#endif
		},
		onReachBottom: function() {
			this.page++
			if (this.isOnReachBottom) {
				this.changetab(this.tabVal, true)
			}
		},
		methods: {
			changetab(val, isPush) {
				if (!isPush) {
					this.tabVal = val
					this.page = 1
				}
				switch (this.tabVal) {
					case 0:
						this.searchSpotByC()
						break;
					case 1:
						this.searchHotelByC()
						break;
					case 2:
						this.getOrderList()
						break;
					default:
						break;
				}
			},
			searchSpotByC() { // 景点
				this.$postApi(this.$path.SEARCH_SOPT, {
					cityAddress: "",
					id: '',
					name: '',
					page: this.page,
					rows: 10,
					type: '1'
				}).then(data => {
					if (data.data.success) {
						if (data.data.rows.length !== 0) {
							for (let i = 0; i < data.data.rows.length; i++) {
								data.data.rows[i].hostImg = this.pub.fmtImgUrl(data.data.rows[i].hostImg);
								data.data.rows[i].promptLabel = data.data.rows[i].promptLabel.replace(new RegExp("；", "gm"), ";").split(';')
							}
							if (this.page == 1) {
								this.searchList = []
							}
							this.tips = ''
							this.isOnReachBottom = true
							this.searchList = this.searchList.concat(data.data.rows)
						} else {
							this.tips = '没有更多数据了'
							this.isOnReachBottom = false
						}
					}
				})
			},
			searchHotelByC() { // 酒店
				this.$postApi(this.$path.GET_HOTEL_LIST, {
					hotelAddress: "",
					id: '',
					name: '',
					page: this.page,
					rows: 10,
					type: '1'
				}).then(data => {
					if (data.data.success) {
						if (data.data.rows.length !== 0) {
							for (let i = 0; i < data.data.rows.length; i++) {
								data.data.rows[i].hostImg = this.pub.fmtHttpUrl(data.data.rows[i].hostImg);
								data.data.rows[i].promptLabel = data.data.rows[i].promptLabel.replace(new RegExp("；", "gm"), ";").split(';')
							}
							if (this.page == 1) {
								this.searchList = []
							}
							this.tips = ''
							this.isOnReachBottom = true
							this.searchList = this.searchList.concat(data.data.rows)
						} else {
							this.tips = '没有更多数据了'
							this.isOnReachBottom = false
						}
					}
				})
			},
			getOrderList() {
				let item = {
					//#ifdef H5
					token: {
						data: "IXQ8i0V5eSj9JJ83nYOaLF/hJr1OQ3OZelaCI0G2GrgAoPvu3kmzmkBaA0b494Ao7+sf06ZDczkBUQszV/3baYOVyyFUIowrTxDLtYy3AVuOzs2LBVggT35oG0OqIKN0HpWUpggbaLYv1PNmAmBLu9p/4GqYYWWtjdgXDg8us3EZi13WeMAihtSNvfx64sgf6kUKLd8rqPAtTexlZcIIjAO7mM2e36zBTGwCowshauOeUCRz1EywJyigFy4YcPlQvdIpYePr6uaC4MZApuVjnPSANRGZlDVTetdvT1fJIHk+N2gBGXF+PHcfc1lLZ1LOmz3rJha0UrNdSg8eUPIr7c9M/WT8oCfmp/bZlR4JxQCSXoj1vfgQRjFuh75Bn6cZVwUMAXTflrn6FnGdfWdLTeN5RgdGomLAiJ99bVi9z64bhJhPLaRIZV3SoIPHqys+DO8YK1qrQFkgLLYk57rwHhzyXFgR2xqvZPwAFNq2NHCX7ojeaQNJ42wmHmz+fM7Xa+NlQ7LEFSP516gRCsz+6YcyoP8uxC/M+MB5mKz9lhdDCpP2szNjrh2fU4pueq+otx6cY3iK6QF2EHHpkrYXyz/NtMhX7cojye5g1WtwinG9WQk714/AAuv9LPJ7TrDV/OEZ4/ADZRsAHj6mZo0kOAZNHDir95HEWt2+GowadJp9l5wDAHxbsk6mcS/B1JWbknxBPlFVwqpgalViyu0crD0sN4rsleYGDEZykbQkroSqngJyFExR6q0XFnJSe2NEmmb7mJ5hxn/z1a9vZSFJdia4LzX8250xlpTpblu+2bk4bN0Rus2vb8CWyq3pz8BbAnQwO6AYGSupOlbXcbmWZj+Qwj+3MmuRSipY7Pf1a+yd5SpJt1Jnn+1dCSyb9quFpNMZ8r87bT7pQOECSzhjYRCgABasYiTpppNMtsmARVz1Gih6TfdcAw0dCRBqaJFxWfaqYlDSq489OCjl2xNzTKzMR2OOHpjfdmEOA5opN1ReZ6UZzUPkAn1y82Evtc+bJK63a2WXIA1Th4ZlQRZ79forl8sa5bmqjNIjT5IndemwJKVeQbmnQ4UHguS1289TSg0RceHZdEUW7aFT0iyI65fuAYxqeOAEB67g7N1G6tsR2sq4DDrkVIkXtJcJJvnXJjjmug++5iGjqc5I4jeX/RzYjaA8kH/BtYd28MKP6NdSRd03t5YaNWjOjpeNiyGojS6Gi2xVmX1C/sMsqp9Jvxys0/Gkl+BmYHeZ8Ep53rCudT5a7OcboyKR/WuGGy0gL4eL8H1RmTEYt5BQ6KBV2FthyoMrQttjbhULc7ATyLJ8nqkt95F1gg1xX4Y/TsIHo6R9natE9PEitGzvHY4W3Q==",
						encryptkey: "UQV6CQbMNoaDPHqC2FT3SApPIb7Dlbqm05CKeoVTolQwTP5bTM7SmkrW8SSp6w8Cg61/fTMp9whkjdTnNj1HxEQO2k6WurG/5oASz2W+bMDpMI9exXb8Z1bIID0S4xO/RcgP4gxPrU0CWvZmbXGAqYJH9Ogv+Dt7AgTeLHeq1Qn2BBx0fSqAyafBB8oKBcmwlBZGoXyG/bnHqJ15E+rQxRbyDNWLiRACEkCgKbEJO2L1ED0QBokMRmZkICVvOhFHykkOVajxsQ3Db+I2YROOcinnrCNTFlD6vK7jlGjFKSKi5ZdkgzsPk3Whi6Fm9sHJAz+PxdQqFQ/mkgO6H/9CdQ=="
					},
					//#endif
				}
				uni.navigateTo({
					url: '/pages/scenicOrder/index?item=' + encodeURIComponent(JSON.stringify(item)),
					animationType: 'pop-in',
					animationDuration: 200
				});
			},
			goDetail(item) {
				let url = ''
				switch (this.tabVal) {
					case 0:
						url = '/scence/scencedetail'
						break;
					case 1:
						url = '/hotel/hoteldetail'
						break;
					case 2:
						break;
					default:
						break;
				}

				item.token = {
					data: "IXQ8i0V5eSj9JJ83nYOaLF/hJr1OQ3OZelaCI0G2GrgAoPvu3kmzmkBaA0b494Ao7+sf06ZDczkBUQszV/3baYOVyyFUIowrTxDLtYy3AVuOzs2LBVggT35oG0OqIKN0HpWUpggbaLYv1PNmAmBLu9p/4GqYYWWtjdgXDg8us3EZi13WeMAihtSNvfx64sgf6kUKLd8rqPAtTexlZcIIjAO7mM2e36zBTGwCowshauOeUCRz1EywJyigFy4YcPlQvdIpYePr6uaC4MZApuVjnPSANRGZlDVTetdvT1fJIHk+N2gBGXF+PHcfc1lLZ1LOmz3rJha0UrNdSg8eUPIr7c9M/WT8oCfmp/bZlR4JxQCSXoj1vfgQRjFuh75Bn6cZVwUMAXTflrn6FnGdfWdLTeN5RgdGomLAiJ99bVi9z64bhJhPLaRIZV3SoIPHqys+DO8YK1qrQFkgLLYk57rwHhzyXFgR2xqvZPwAFNq2NHCX7ojeaQNJ42wmHmz+fM7Xa+NlQ7LEFSP516gRCsz+6YcyoP8uxC/M+MB5mKz9lhdDCpP2szNjrh2fU4pueq+otx6cY3iK6QF2EHHpkrYXyz/NtMhX7cojye5g1WtwinG9WQk714/AAuv9LPJ7TrDV/OEZ4/ADZRsAHj6mZo0kOAZNHDir95HEWt2+GowadJp9l5wDAHxbsk6mcS/B1JWbknxBPlFVwqpgalViyu0crD0sN4rsleYGDEZykbQkroSqngJyFExR6q0XFnJSe2NEmmb7mJ5hxn/z1a9vZSFJdia4LzX8250xlpTpblu+2bk4bN0Rus2vb8CWyq3pz8BbAnQwO6AYGSupOlbXcbmWZj+Qwj+3MmuRSipY7Pf1a+yd5SpJt1Jnn+1dCSyb9quFpNMZ8r87bT7pQOECSzhjYRCgABasYiTpppNMtsmARVz1Gih6TfdcAw0dCRBqaJFxWfaqYlDSq489OCjl2xNzTKzMR2OOHpjfdmEOA5opN1ReZ6UZzUPkAn1y82Evtc+bJK63a2WXIA1Th4ZlQRZ79forl8sa5bmqjNIjT5IndemwJKVeQbmnQ4UHguS1289TSg0RceHZdEUW7aFT0iyI65fuAYxqeOAEB67g7N1G6tsR2sq4DDrkVIkXtJcJJvnXJjjmug++5iGjqc5I4jeX/RzYjaA8kH/BtYd28MKP6NdSRd03t5YaNWjOjpeNiyGojS6Gi2xVmX1C/sMsqp9Jvxys0/Gkl+BmYHeZ8Ep53rCudT5a7OcboyKR/WuGGy0gL4eL8H1RmTEYt5BQ6KBV2FthyoMrQttjbhULc7ATyLJ8nqkt95F1gg1xX4Y/TsIHo6R9natE9PEitGzvHY4W3Q==",
					encryptkey: "UQV6CQbMNoaDPHqC2FT3SApPIb7Dlbqm05CKeoVTolQwTP5bTM7SmkrW8SSp6w8Cg61/fTMp9whkjdTnNj1HxEQO2k6WurG/5oASz2W+bMDpMI9exXb8Z1bIID0S4xO/RcgP4gxPrU0CWvZmbXGAqYJH9Ogv+Dt7AgTeLHeq1Qn2BBx0fSqAyafBB8oKBcmwlBZGoXyG/bnHqJ15E+rQxRbyDNWLiRACEkCgKbEJO2L1ED0QBokMRmZkICVvOhFHykkOVajxsQ3Db+I2YROOcinnrCNTFlD6vK7jlGjFKSKi5ZdkgzsPk3Whi6Fm9sHJAz+PxdQqFQ/mkgO6H/9CdQ=="
				}

				let items = {
					id: item.id,
					token: item.token
				}

				uni.navigateTo({
					url: '/pages' + url + '?item=' + encodeURIComponent(JSON.stringify(items)),
					animationType: 'pop-in',
					animationDuration: 200
				});
			},
			onMenuClick: function(e) {
				// let url = "https://sz.smates.cn/onlineRetailers/destination/index.html#/pages/main/main";
				let url = "https://sz.smates.cn/onlineRetailers/destination/index.html#/pages/index";
				// let url = "https://sz.smates.cn/onlineRetailers/destination/index.html#/pages/homepage/homepage";
				// let url = "http://192.168.1.116:8080/onlineRetailers/destination/index.html#/pages/main/main";
				let token = {
					"data": "/i4Rt/kfmcjmxbjA1CJDDl9pMeC0JP5hGyDfdx4RTzl1Xf+9PZPWSrgOqvPC+jgF0ril5MnSstvFEWxvESo3V9vOoLdMe37Ia91niYGk/Vxy9/sw7iWfM8StxD+opJUwhepXf6ogy9EeIbc95pymzAtawUuH0RaBEnZUjm1/A0vDUE6Ch/V9U4xXkuWQZt7syGDHI6C28ROYyJTm4O+NdvvEGyCYYr7H6ZMUT/JyW8Crl1bEzRFIr8hTZDoSWG9XBIqBLqDYlRq7Euz4X5m/lJnX2bfHx59q6h1hWxxJt8et2/RPBysHfVRmGZb4JqRPwGls/je7CudaUbahiTNXT0mdvXc5CUC/hmekJCJUDL/fwK24+aEHTXnJ1yHLuznbkia6brBUoPCMfDm0rkFaixyLBEWXaUyeoHRk8Hq1ZfOiABfwPQdB5GUjX/dJgy5jWNLHTl0DEubOcNKkvri3QMnbz7d3pcX3EnYVO5jveoZJNnwhbB3NGltaQ52BCIiVA+x+2hPr/EK/BhOqZbfxpuS0j8oh2yfoU3uMO0Q7b8ZTZJSCkBo+Y5sw5XGaAwKY5SpRcnbasfjlstKwS2VTDAKB9JkKd6VGpLYe/OEhXUmom+b/+onYkMz8PI4TEB6HXXWu5CLjjtkQssLR2ZefPqbaw7ZhorQ5Px0oAQbJgWYS8fEE/B80KKJU91KE3ij+p4Fu2/C7li6NPImulShlA5lJv4LgEj7+YbnAUgs89q+mY+2rRintHZQP/JaRas9CPv8I/Qgalb+uHzFWR4UOfa5+F9FpaeUqNpQdWDCS0d2STBo2KploL8iT1BI3wQ4Dtgzqnnc4QpelB1mHuo9XTOt0hIMjVddlc0ZqtJaxtMUmAOkRwescwIRlxGJdxpsX2TdAV1wztvpASo39nmXXHfHUq7hGf2nbvuv+6o4SvjJm9RedABNKlBiJAYVf3kq+YVJ06vFQaocVFIe7cA+zsMIKTIbGyOcu13067ZFokh6H8SmRpHt9NQGXR8j4flvBzKbtIp4rolQ+t17ZXC4VOszt8G77OixXOUDLwCf5Q3/92iTtaay+57dAwiC1o1IUsc27slcaZuuWDnU+rQ81eJsIn3eG90fpxvekKfFCEj5TxZzJ9JA11DV5HH522HeAo9x2jmnq1RZH7IgxYbvfe3cPmUkiJ72b3zzj6DCUDYMRbz3PYyIWeCeMYier95GG8+9cqeP+dKtuoPJATYuvXCf9gTjbUA8dmS7DWe/Mz4Q/ywlKl1A38zJ2yBEayxHthcwSJ0xItItInDRuqcWnA1YdtRkFypy2RcGOzTQaQ/3BFUdvQo2EeGFh7ss+fSWY+phjwhPfTMbnIScW8ggD5D8o0/nWL+07Zc9bQx7j7Qd7wDPAG19efCXRF37muCcz05tPJwZbce5gP+5Vs0itWsA3eGtbJW2hp8HUtUr20BderOt2tfIYjORYQzMT1p20br2+Pnlde/hlmocfsvss4iyIjdWZupa8srlj6ItXeIBdj3WHavY9D8aFNusnlEM1MfwwDS1bl2GsTovOFUtN820yj3/GEP28cR95Gtm6NiqbFvvFiL2+wDx1sWa5zjJO",
					"encryptkey": "gpnU0fSDCE9yjZ74efkKctsGuWJGChd52mKHxNeaoNfSS5viUIS2CQA6w3+tK/BZSz+EeAZeopz0cvw0neU3nQTMjHKWnoPCnEKpSXn5LUKtaWbHU1hmv0FBxDYC4EyvrF9SqnpNgIcupf/MfnBt8u7dpp1cjsbg//RVLp3am4K9BYsWsp9nReRlZ/t7XuTfyZ3301Yemf59Hoh6L5WLYBfgJtu7XSJPUmKqi0Xw7nSMD2zwSyevl2hFGijGGj8NDL5ShNKawVs3w+0g//HEzawxcU6bPUbwDQWbPqIqVUBBKCDbQUtKB3z0Pwc8C9ua2CXBIyWixadpZ3L0n+Vuog=="
				}

				let appid = "wx1456c55ff4d695ba";
				let secret = "5757602b2b9c54495193b3d7832fa5e3";
				
				let page = "0";
				let param = null;
				// let openid = null;
				let openid = "omAgo53ZwgjZES4yXGSQ3lF0Dvm0";
				// let openid = "omAgo53ZwgjZES4yXGSQ3IF0Dvm0";
				switch (e.currentTarget.dataset.title) {
					case "首页":
						page = "0";
						// url = "https://sz.smates.cn/onlineRetailers/destination/index.html#/pages/homepage/homepage";
						break;
					case "景区列表":
						page = "1";
						// url = "https://sz.smates.cn/onlineRetailers/destination/index.html#/pages/scence/scenceDetail";
						param = {
							location: "兰州市", //所处位置，非必填
							keyword: "", //关键字，非必填
						}
						break;
					case "景区详情":
						page = "2";
						param = {
							spotid: "lvmama_10489885", //景区id，必填
						}
						break;
					case "酒店列表":
						page = "3";
						param = {
							location: "兰州市", //所处位置，非必填
							keyword: "", //关键字,非必填
							inDate: "2019/06/05", //入住时间,格式yyyy/MM/dd,非必填（如果不传，则选择当前日期）
							outDate: "2019/06/06", //离店时间，格式yyyy/MM/dd, 非必填（如果不传，则选择当前日期的第二天）
						}
						break;
					case "酒店详情":
						page = "4";
						param = {
							hotelid: "elong_22801003", //酒店ID，必填
							inDate: "2019/06/05", //入住时间,格式yyyy/MM/dd,非必填（如果不传，则选择当前日期）
							outDate: "2019/06/06", //离店时间，格式yyyy/MM/dd, 非必填（如果不传，则选择当前日期的第二天）
						}
						break;
					case "订单列表":
						page = "5";
						param = {
							type: 0, //列表类型：0显示两种订单，1只显示商品订单，2只显示门票订单，非必填
						}
						break;
				}
				console.log(
					`${url}?userinfo=${encodeURIComponent(JSON.stringify(token))}&page=${page}&param=${encodeURIComponent(JSON.stringify(param))}&appid=${appid}&secret=${secret}&openid=${openid}`
				)
				this.pub.jumpToWeb(
					`${url}?userinfo=${encodeURIComponent(JSON.stringify(token))}&page=${page}&param=${encodeURIComponent(JSON.stringify(param))}&appid=${appid}&secret=${secret}&openid=${openid}`
				)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.home {
		.tab-wrapper {
			display: flex;
			justify-content: space-around;
			padding: 20upx 40upx;

			// padding-bottom: 30upx;
			// border-bottom: 1upx solid #e6e6e6;
			.tab {
				padding-bottom: 12upx;
				border-bottom: 4upx solid transparent;

				&.active {
					border-bottom-color: #2B91E2;
				}
			}
		}

		.order-list {
			.ordder-li {
				padding: 36upx 40upx;
				border-bottom: 1upx solid #F2F2F2;
				display: flex;

				.left {
					width: 252upx;
					height: 252upx;
					margin-right: 27upx;

					.img {
						width: 100%;
						height: 100%;
						border-radius: 6upx;
					}
				}

				.right {
					flex: 1;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					padding: 26upx 0 17upx;

					.usestatus {
						display: flex;

						.isuse {
							color: #FF0000;
							margin-left: 25upx;
						}

						.isuse1 {
							color: #16BF5A;
						}

						.isuse2 {
							color: #888888;
						}
					}
				}
			}
		}
	}
</style>
